/*覆盖*/
@font-face {
    font-family: hyxb; /* 汉仪晓波折纸体简 */
    src: url('../font/hyxb.ttf'); /*这里是字体文件路径*/
}
body{padding:0px;margin:0px;font-family: hyxb;}
/**
绘本大本营CSS
*/
.waterfall_ul{
    list-style: none;
}
.waterfall li{
    width: 50%;
    float:left;
    padding: 0.1rem;
}
#order_num li{
    width:100%;
    float:none;
    margin-bottom: 10px;
}
.head_top_menu{
    text-align: center;
}

@media screen and (max-width: 320px) {
    /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    /*
    .waterfall li {
        width: 49%;
    }
    */
    .search-input{
        /*width: 82% !important;*/
        width: 100% !important;
    }
    .head_top_menu{
        width: 18% !important;
    }
}
@media screen and (min-width: 321px) and (max-width: 375px){
    /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    /*
    .waterfall li {
        width: 98%;
    }
    */
    .search-input{
        /*width: 84% !important;*/
        width: 100% !important;
    }
    .head_top_menu{
        width: 16% !important;
    }
}
@media screen and (min-width: 376px) and (max-width: 414px){
    /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    /*
    .waterfall li {
        width: 98%;
    }
    */
    .search-input{
        /*width: 84% !important;*/
        width: 100% !important;
    }
    .head_top_menu{
        width: 16% !important;
    }
}
@media screen and (min-width: 415px) and (max-width: 768px){
    /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    /*
    .waterfall li {
        width: 98%;
    }
    */
    .search-input{
        /*width: 91% !important;*/
        width: 100% !important;
    }
    .head_top_menu{
        width: 9% !important;
    }
}
@media screen and (min-width: 769px){
    /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    /*
    .waterfall li {
        width: 98%;
    }
    */
    .search-input{
        /*width: 91% !important;*/
        width: 100% !important;
    }
    .head_top_menu{
        width: 9% !important;
    }
}
.border_radius{
    border-radius: 2px !important;
}
.banner_role{
    text-align: right!important;
}
.banner_announce{
    position: absolute;
    text-align: left;
    top:170px;
    height: 30px;
    width: 100%;
    font-size: 12px;
    z-index: 9;
    padding: 5px;
    color: white;
    background: #000;
    opacity:0.60;
}
.data_book{
    margin-top: 5px;
    height: 1rem;
    font-family:微软雅黑;
}
.button_operation{
    margin-top: 5px;
}
.head_top_menu{
    position: absolute;
    top: 0.45rem;
    right: 3px;
    height: 28px;
    /*position: absolute;top:10px;right:3px;height: 28px*/
}
.book_rec{
    width: 120px;height: auto;margin-top: 10px
}
.book_rec_div{
    width: 100%;height: auto;text-align: left;
}
.book_rec_div ul{
    margin: 0px 0.5% 5px;
    padding:0;
    display: inline-block;
    width: 99%;
}
.book_rec_detail{
    padding: 10px;height:auto;margin: auto;position: relative;
}
.book_rent_num{
    position: absolute;width: auto; background: #000;opacity:0.50;bottom:4.45rem;right: 10px;color: white;padding: 2px
}
.book_price{
    float: left;
    height: 12px;
    /*font-weight: bold;*/
    margin-top: 0px;
    /* float: right; */
    height: 20px;
    /* width: 30px; */
    /* text-align: right; */
    line-height: 20px;
    /* margin-top: 0px; */
    margin-bottom: 0px;
    /* background: url(../img/pingjia.png); */
    /* background-position: 0px 0px; */
    /* background-size: 20px; */
    /* background-repeat: no-repeat; */
    margin-bottom: 0px;
    font-size: 17px;
}
.book_fav{
    float: right;
    height: 20px;
    padding-left: 23px;
    text-align: left;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url(../img/fav.png);
    background-position: 0px 0px;
    background-size: 23px;
    background-repeat: no-repeat;
    font-size: 14px;
}
.book_comment{
    margin-left: 0.2rem;
    float: right;
    height: 20px;

    padding-left: 20px;
    text-align: left;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url(../img/pingjia.png);
    background-position: 0px 0px;
    background-size: 20px;
    background-repeat: no-repeat;
    font-size: 14px;
}
.button_iwant_rent{
    width:48%;border: 1px solid #ec623e;background: none;color:#ec623e;padding: 0;height: 25px
}
.button_iwant_buy{
    width:100%;
    height: 1.4rem;
    /*border: 1px solid #E86157;*/
    /*background: #E86157;*/
    border: 1px solid #FF777C;
    background: #FF777C;
    color:#FFF;
    padding: 0;
    font-size: 0.7rem;
}
/**
公共部分的CSS
*/
.btn_radius{border-radius:0.2rem;}
.kind_img{
    padding-top: 0.2rem;
    width: 20px !important;}
.back_img{
    width: 10px !important;
    height: 20px !important;}
.word_no_wrap{
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%
}
.order_op_button{
	border:1px solid #DCDCDC;
	padding:5px;
	border-radius:5px;
	width: 80px;
	font-size: 14px;
}
.content{margin-bottom:2.5rem;}
.bar-nav~.content{margin-bottom:2.5rem;top:1.9rem;}
.bar-nav~.content.doublecontent{margin-bottom:5rem;}
.bar-nav{
    height: 1.9rem;}
/**
图书分类CSS
*/

.book_kind li{
    padding: 10px;
    width: 50%;
    background: #f1f1f1;
    display: inline-block;
    border: 2px solid white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content .book_kinds:nth-of-type(2n+1) .book_kind li.active{
    background:#EC623E;
    color:#FFF;
}
.content .book_kinds:nth-of-type(2n) .book_kind li.active{
    background:#2bc2f9;
    color:#FFF;
}
.color_book_kind_titile{
    margin: 0.2rem 0.5rem 0.3rem 0.5rem;
}
/**
图书详情CSS
*/
.i_want_btn{
	padding: 8px;
	border:none;
	background:#ec623e;
	width: 150px;
	color: #FFF
}
.book_name{
    float: left;height: 20px;
    font-size: 14px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%
}

.book_detail_link{
    margin-top: 10px;
    background: #FFF;
    padding: 10px;
    /*background:#FFF url(../img/littlenext@2x.png) no-repeat;*/
    background-position: right;
    background-size:10px 15px;
}
.goods_judge_comment{
    margin-top: 10px;
    background: #FFF;
    padding: 10px;
    border-bottom: 1px solid #DCDCDC;
    background:#FFF url(../img/littlenext@2x.png) no-repeat;
    background-position: right;
    background-size:10px 15px;
}
.goods_judge_datail{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
    border-bottom: 1px solid #F1F1F1;
    margin-left: 10px;
    margin-right: 10px;
}
.goods_comment_data{
    margin-top: 5px;
    height: 30px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%
}
.book_detail_real{
    background: #FFF;
    margin-top: 10px;
}
.book_detail_kind{
	position: relative;
    display: table-cell;
    width: 1%;
    height: 2.5rem;
    color: #929292;
    text-align: center;
    vertical-align: middle;
	
   /* -webkit-box-orient: horizontal;display: -webkit-box;*/
}
.book_detail_kind input{
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    width: auto;
    background: none;
    border: none;
    height: 30px;
    text-align: center;
    -webkit-box-flex:1;
    box-flex:1;
}
.book_detail_kind  .active{
    color:#ec623E !important;
    border-bottom: 1px solid #ec623e !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.book_detail_desc{
    height:auto;
}
.book_detail_desc_datail{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:10px;
    height: auto;
    border-top:1px solid #DCDCDC;
    border-bottom:1px solid #DCDCDC;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom:0px;
    min-height: 79px; 
}
.open_desc_button_div{
    text-align: center;
}
.open_desc_button{
    width: 80px;
    background: #FFF;
    color: #807e7e;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
}
.picture_article_detail{
    height: auto;
    padding: 10px;
}
.picture_article_detail img{
    max-width:100%;
}
.book_relative_rec{
    margin-top: 10px;
}
.rec_div{
    background: #FFF;
}
.rec_div_book_name{
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;margin-top: 5px;
    font-size: 0.7rem;
}
.book_comment_face_img{
    width: 15px;height: 15px;border-radius: 50%
}
.goto_check{
    background:url(../img/rectangle@2x.png);border: none;height: 100%;width: 100%;color:#FFF
}
.label_no_trans_fee{
    font-size: 10px;
    color: #818486;
    font-weight: bold;
}
.label_sum_cost{
    font-size: 14px;
    font-weight: bold;
    color: #818486;
}
.label_sum_cost_fee{
    font-size: 13px;
    color: #ec623e;
}
.label_all_check{
    color: #000;
    font-weight: bold;
}
.collect_top_menu{
	position: relative;
    background: #FFF;
    margin-left: 0px;
    height: 30px;
    border-bottom: 2px solid #f5f5f5;
    margin-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.bookDetail {
	width: 50%;
	border:none;
	float:left;
	height:30px;
	background: none;
}
.goosComment{
	width: 50%;
	border:none;
	float:left;
	height:30px;
	background: none;
}
/**
用户个人中心CSS
*/
/*.barcode{margin-left:4rem; width: 50%;}*/
.user_op_grid{
    width:100%;
    position: relative;
    margin-left:0.05%;
    margin-right:0.05%;
    /*margin-top: 0.4rem;*/
    margin-top: 5px;
    background:url(../img/background_caidan.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 30px 0px 30px;
}
.user_op_grid dd{
	-webkit-transition: all 0.4s;
    text-align: center;
    margin-left: 0px;
    list-style:none;
    width:33.3%;
    height:auto;
    float:left;
    /*border-bottom: 1px solid #ddd;*/
    /*border-right: 1px solid #ddd;*/
    /*background: white;*/
}
.user_op_grid dd img{
    /*width:2.5rem;*/
    height:2.7rem;
}
.user_op_grid dd a{
    font-size:0.7rem;
    font-family: "微软雅黑 Light";
    /*color:#444;*/
    color:#fff;
}
.user_op_grid dd:hover{
    opacity: 0.6;
}

.grid_img{
    margin-top: 1.2rem;
}
.grid_name{
    margin: 0rem 0rem 0.8rem 0rem;
}
.user_banner{
	position:relative;
    height: 200px;
    color: #FFF;
   /*background:url(../img/personal_bgpic@2x.png);*/
   background:url(../img/personal_bgimg.jpg);
   background-size:100% 100%;
}
.banner_announce_menu{
    /*position: absolute;*/
    text-align: left;
    /*top:200px;*/
    height: 30px;
    line-height: 20px;
    width: 100%;
    font-size: 14px;
    /*z-index: 9;*/
    padding: 5px;
    /*color: white;*/
    /*background: rgba(0,0,0,0.1);*/
    color:#666;
    background:#fff;
    margin:5px 0;
    font-size:14px;
    font-family:"微软雅黑 Light";
}
.u_img{
	margin: auto;
	width: 3.7rem;
	height: 3.7rem;
	position: absolute;
	left:0;
	right:0;
	top:60px;
	border-radius:50%;
    border: 2px solid rgba(255,255,255,0.6);
}
.u_name{
	text-align:center;
	position: absolute;
	margin:auto;
	width:180px;
	top:80px;
	left:0;
	right:0;
}
.my_collection{
	float: left;width: 49%;text-align: center;z-index: 12;color: #666
}
.my_ints{
	float: left;width: 49%;text-align: center;z-index: 12;color: #666
}
.my_order{
    font-size: 16px;
    padding:10px 10px 5px;
    background: #FFF url(../img/littlenext@2x.png) no-repeat;
    background-position:right;
    background-size:10px 16px;
    /*border-bottom: 1px solid #F5F5F5;*/
    background-position-x: 98%;
    background-position-y: 13px;
    font-family: "微软雅黑";
}
/**
购物车的CSS
*/
.shopping_cart_kind{
    background: #FFF;
    padding: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #DCDCDC;
    font-weight: bold;
}
.shopping_cart_inc{
    background: none;
}
.shopping_cart_inc .list-block{
    margin:0rem;
}
.shopping_cart_inc .item-content{
    padding-left:1.8rem;
}
/**
活动信息页的CSS
*/



/**
最新活动详情的CSS
*/
.act_new_top{
    background: #FFF;
    padding:10px 0px;
    margin-top: 0px;
}
.act_top_name{
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    font-size:14px;
    font-weight: 500;
}
.death_time{
    padding: 0 10px 0 10px;
}
.report_num{
    /*padding: 0 10px 0 10px;*/
}
.activity_report{
    margin-top: 10px;
    background: #FFF;
}
.report_num,.death_time{
    font-size:0.8rem;
}
.book_intro{
    padding: 10px;
}
.book_intro_act{
    border-bottom: 1px solid #F5F5F5;
}

/**
最新活动详情的CSS
*/


/**
绘声绘色的CSS
*/

/**
视频详情的CSS
*/
.movie_name{
	background-size:20px 10px !important;
	}
.movie_info{
	background: #FFF;padding: 10px;color: #A3A3A3 !important; 
	}
.movie_comment{
	padding: 10px;
	background: #FFF
}
.content iframe{width:100%;}
/**
个人中心的CSS
*/
.user_info{
    padding: 10px;
    border-bottom: 1px solid #F5F5F5;
    background: #FFF;
    background-position: right;
    background-size:10px 15px;
}
.user_info2{
    padding: 10px;
    border-bottom: 1px solid #F5F5F5;
    background: #FFF;
    background:#FFF url(../img/littlenext@2x.png) no-repeat;
    background-position: right;
    background-size:10px 15px;
}
.user_face_img{
    border-radius: 50%;width: 50px;height: 50px;float: right;margin-right: 10px
}
.user_info_public{
    float: right;margin-right: 10px
}
.user_require_address{
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 60%
}
.order_state{text-align: center;background: #FFF;padding: 10px;/*margin-top:0.4rem;*/}
.order_state>div{width:18%;display: inline-block;}
.order_state_img{
    /*width:1.5rem;*/
    /*height:1.5rem;*/
    height:1.2rem;
}
.order_state_name{
    font-size:0.7rem;
    margin: 0px;
    margin-top: -0.4rem;
    font-family: "微软雅黑 Light";
}
/*
底部
*/
.footer_img{height:2.5rem;}
.bottom_bar{z-index:2222;position: fixed;}
.old_bar{bottom: 2.5rem;}
/**
收货地址的CSS
*/
.addredd-address{font-size:0.7rem;}
/**
添加新地址的CSS
*/
.recive_name{
    background: #FFF;
    padding: 10px;
}
.recive_name input{
    border: none;
    height:25px;
    line-height: 25px;
    width: 100%;
}
.tel_num{
    background: #FFF;
    padding: 10px;
}
.tel_num input{
    border: none;
    height:25px;
    line-height: 25px;
    width: 100%;
}
.pro_city_zone{
    background: #FFF;
    padding: 10px;
 }
.pro_city_zone input{
    border: none;
    height:25px;
    background: none !important;
    line-height: 25px;
    width: 100%;
}
.address_detail{
    background: #FFF;
    padding: 10px;
}
.address_detail input{
    border: none;
    height:25px;
    background: none !important;
    line-height: 25px;
    width: 100%;
}
.save_address{
    border:none;
    width: 100%;
    height: 100%;
    background: #EC623E;
    color: #FFF;
}
/**
我的积分的CSS
*/
.rate_publick{
    width: 100%;
    height:60px;
   padding: 10px;
   border-top:1px solid #F5F5F5;
    background: #FFF;
}
.rate_public_img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border:none
}
/**
借书付款的CSS
*/
.order_each_div{
    padding: 20px;border-radius: 5px;border: 2px solid #B1B1B1;text-align: center
}
.order_each_div img{
    width:100%;
}
.trans_fee{
    padding: 10px;
    /*border-top: 1px solid #F5F5F5;*/
    background: #FFF;
}
.recieve_person{
    height: 2rem;
}
.recieve_people{
    float: left;text-indent: 30px;padding: 10px;font-weight: bold;
}
.recieve_num{
    text-align: right;margin-right: 10px;padding: 10px;font-weight: bold;
}
.recieve_address{
    background:url(../img/location@2x.png) no-repeat;background-position-x:10px;background-position-y:10px;background-size:15px 20px;text-indent: 30px;padding: 10px;font-weight: bold;padding-right: 10%;
}
.rent_confirm_address{
    background: #FFF url(../img/littlenext@2x.png) no-repeat;
    background-position: right;
    background-size: 10px 15px;
    background-position-x: 98%;
}
/**
买书付款的CSS
*/
.want_buy{
    height: 100%;
    width: 100%;
    border: none;
    background: #538264;
    color: #FFF;
}

/**
活动付款的CSS
*/
.contact_person{height: 1.6rem;}
.contact_people{
    float: left;text-indent: 10px;padding: 10px;font-weight: bold;
}
.contact_num{
    text-align: right;margin-right: 10px;padding: 10px;font-weight: bold;
}
/**
我的订单的CSS
*/
.buttons-tab .button{padding:0px;}
.buttons-tab{overflow-x: overlay;}
.order-item-state{
    line-height: 30px;
    float: right;
    font-size: 0.6rem;
    color: #FF8E59;
    font-weight:bold;
}
/**
待付款的CSS
*/

/**
待发货的CSS
*/

/**
待收货的CSS
*/

/**
待评价的CSS
*/


/**
购买图书订单详情的CSS
*/

/**
评价详情的CSS
*/


/**
借阅订单详情的CSS
*/


/**
点评记无图的CSS
*/

/**
点评记有图的CSS
*/

/**
查看物流的CSS
*/
.express_header{padding: 10px;padding-left:30px;background: #FFF;height:4.8rem;}
.express_content{background: #FFF;padding-top:0.3rem;padding-bottom:0.1rem;}
.express_list{margin-top:0px;list-style: none;border-left:2px solid rgba(194,194,194,0.4);padding-left:20px;margin-left:20px;}
.express_list li{
    font-size:0.7rem;
    border-bottom: 1px solid #e7e7e7;
    margin: 0.3rem 0px;
    padding-bottom: 0.3rem;
}
.express_list li:first-child{
    border-top: 0px;
    margin-top:0px;
}
.express_list li::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: rgba(194,194,194,1);
    position: fixed;
    left: 17px;
    border:1px solid rgba(194,194,194,0.9)
}
.express_list li:first-child::before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #1AAA57;
    position: fixed;
    left: 15px;
    box-shadow: 0px 0px 6px #1AAA57;
    border:1px solid #1AAA57;
}
.express_list p{margin:0px;}
/**
我的购物车的CSS
*/

/**
我的书包的CSS
*/
.block_remark{background:white;padding: 10px;}
.block_remark span{
    vertical-align: top;
    font-weight:bold;
    display: inline;}
.block_remark textarea {width:100%;}
/**
积分兑换的CSS
*/
.inte_exchange_list{background: #FFF;margin: 5px;border-radius:5px;padding-bottom: 10px;}

/*
活动详情
*/
.activity_time{padding: 10px;}
.activity_time p{margin:0px;}
/**
参与活动（已报名）的CSS
*/
.apply_no{    font-size: 0.7rem;
    color: #777;
    margin: 0px;
    padding: 0.5rem 0rem;}
/**
参与活动（未报名）的CSS
*/

/**
借阅记录的CSS
*/
.order_rent_price{
    font-size: 0.65rem;
    width: 100%;
    margin-right: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 10px;
    text-align: right;
}
/**
我的收藏（图书）的CSS
*/
.collect_book{
	width: 50%;
	border:none;
	float:left;
	height:30px;
	background: none;
}
.collect_book_img{
	position: absolute;
	left: 10%;top:10px;
}
.collect_book_name{
	position: absolute;
	left: 45%;top:30px;
	width: 50% !important;
}
.collect_book_price{
	position: absolute;
		left:46%;top:50px;
		width: 50% !important;
}
.collect_book_info{
	position: relative;
    border-bottom: 2px solid #f5f5f5;
	height: 100px;
	background: #FFF
}
/**
我的收藏（活动）的CSS
*/
.collect_activity{
	width: 50%;
	border:none;
	float:left;
	height:30px;
	background: none;
	color:EC623E;
}
.collect_act_info{
    position: relative;
    margin-top:10px;
    height: 100px;
}
.collect_act_img{
    margin:10px;
}

/**
会员的CSS
*/
.vip_banner{
    width:100%;
    background-size:100% 100%;
    text-align: center;
    font-size:0.7rem;
    padding-top:1rem;
}
.vip_banner .help{
    padding-right:0.5rem;
    text-align:right;
    }
.vip_banner .help span{
    color: white;
    background: #5f646e;
    padding: 0.05rem 0.2rem;
    border-radius: 0.2rem;
    font-size: 0.7rem;
    }
.vip_img{
	height: 80px;
    width: 80px;
    background-size:100% 100%;
    border-radius:50%;
    margin: auto;
	border: 2px solid #DCA115
}
.vip_name{
    color:#FFF
}
.vip_dead_line{
    color:#FFF
	}
.vip_dead_time{
    color:#FFF;margin: 0rem;
}	
.vip_continue{
    color:#FFF
}
.vip_confirm{
	background:#FFBD1A;border: none;padding: 5px;width: 150px
}
.vip_info{font-size:0.8rem;margin: 8px;}
.vip_info p{margin:6px 0px;border-bottom: 1px solid #e1e1e1;padding-bottom:8px;}
.vip_info p span{background:#0673C1;color:white;border-radius:4px;padding:0.1rem 0.4rem;}
.vip_info p span.lock{background:red;}
/**
我要交费（充值）的CSS
*/
.vip_charge{
	padding: 10px;background: #FFF;margin-top: 10px;border:1px solid #DCDCDC;border-radius:5px;margin: 10px;
}
.vip_charge:hover{
	background: #FFEFCD;
}
.btn_vip_charge{
	background: #EC623E;
	border:none;
	color:white;
	padding:5px;
	border-radius:5px;
	width:40px;
}
/**
消息记录的CSS
*/

/**
联系客服的CSS
*/

/*
首页
*/
.index_rec .index_rec_item:first-child{

}
.index_rec_item{
    padding:0.4rem 0px;
    margin: 0.4rem 0px;
    background: white;
}
.index_rec_head{text-align:center;    display: inline-flex;margin:1.2rem 0rem 0rem 0rem;}
.index_rec_head img{
    width:2rem;
    height:2rem;
}
.index_rec_head .index_rec_title{
    font-family:'hyxb';
    display:inline-block;
    margin: 0rem;
    line-height: 2.4rem;
    color:#EF8D86;
    font-size:1rem;
    margin:0rem 0.3rem;}
.index_rec_head_en{
    margin:-0.6rem 0rem 1.2rem 0rem;
    color:#999;
    font-size:0.8rem;
    text-align:center;
    font-family: 'hyxb';
}
.index_rec_titlepic{    width: 100%;   height: 23.2rem;}
.content .index_rec{margin-top: 2.2rem;}
.index_rec_content{
    width:100%;
    overflow-x:scroll;
    overflow-y:hidden;
    }
.index_book_item{
    /*width: 9rem;*/
    width: 8.5rem;
    display: inline-block;
    float: left;
    background: white;
    /*margin: 0.2rem;*/
    margin: 0.4rem;
    border-radius: 6px;
    /*box-shadow: 4px 4px 11px #ddd;*/
    box-shadow: 3px 3px 20px #FFE5E8;
    height: 15.2rem;
    margin-bottom: 0.5rem;
    padding: 3px;
}
.index_book_item .item_book_fm{
    width: 100%;
    height: 9.2rem;
    border-radius: 4px 4px 0px 0px;
}
.index_book_item .item_info{
    padding: 0.2rem;
    margin-bottom:0.2rem;
}
.index_book_item.look_more{border-radius:0rem;}
.look_more a img{
    width:100%;
}
.item_info_title{
    text-align:left;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;}
.item_info_press{
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size:0.6rem;
    color:#999;
}
.bar .icon.search-bar{
    padding: 0rem;
    color:red;
    font-weight: bold;
}
.prompt_bag{
    z-index: 22222;
    position: fixed;
    right: 0;
    top: 3rem;
    width:3rem;
    height:3rem;
    }
.prompt_bag img{width:3rem;}
.prompt_bag .info{
    opacity:0;
    color: white;
    position: relative;
    top: -2.5rem;
    left: 0.65rem;
    font-size: 1.5rem; }
/*动画*/
.animation_circle img{
    animation: bag_img 0.75s;
    animation-timing-function: ease;
    -moz-animation: bag_img 0.75s;	/* Firefox */
    -moz-animation-timing-function: ease;
    -webkit-animation: bag_img 0.75s;	/* Safari 和 Chrome */
    -webkit-animation-timing-function: ease;
    -o-animation: bag_img 0.75s;	/* Opera */
    -o-animation-timing-function: ease;
    }
.animation_circle .info{
    animation: bag_info 1s;
    animation-timing-function: ease;
    -moz-animation: bag_info 1s;	/* Firefox */
    -moz-animation-timing-function: ease;
    -webkit-animation: bag_info 1s;	/* Safari 和 Chrome */
    -webkit-animation-timing-function: ease;
    -o-animation: bag_info 1s;	/* Opera */
    -o-animation-timing-function: ease;
    }

@keyframes bag_img
{
    0%   {width: 2rem;margin:0.5rem; }
    20%  {width: 1rem;margin:1rem;}
    30%  {width: 2rem;margin:0.5rem;}
    40%  {width: 1rem;margin:1rem;}
    50%  {width: 2rem;margin:0.5rem;}
    90%  {width: 2.5rem;margin:0.25rem;}
    100%  {width: 3rem;margin:0rem;}
    }

@-moz-keyframes bag_img /* Firefox */
{
    0%   {width: 2rem;margin:0.5rem; }
    20%  {width: 1rem;margin:1rem;}
    30%  {width: 2rem;margin:0.5rem;}
    40%  {width: 1rem;margin:1rem;}
    50%  {width: 2rem;margin:0.5rem;}
    90%  {width: 2.5rem;margin:0.25rem;}
    100%  {width: 3rem;margin:0rem;}
    }

@-webkit-keyframes bag_img /* Safari 和 Chrome */
{
    0%   {width: 2rem;margin:0.5rem; }
    20%  {width: 1rem;margin:1rem;}
    30%  {width: 2rem;margin:0.5rem;}
    40%  {width: 1rem;margin:1rem;}
    50%  {width: 2rem;margin:0.5rem;}
    90%  {width: 2.5rem;margin:0.25rem;}
    100%  {width: 3rem;margin:0rem;}
    }

@-o-keyframes bag_img /* Opera */
{
    0%   {width: 2rem;margin:0.5rem; }
    20%  {width: 1rem;margin:1rem;}
    30%  {width: 2rem;margin:0.5rem;}
    40%  {width: 1rem;margin:1rem;}
    50%  {width: 2rem;margin:0.5rem;}
    90%  {width: 2.5rem;margin:0.25rem;}
    100%  {width: 3rem;margin:0rem;}
    }


@keyframes bag_info
{
    0%   {opacity:0.95;top: -3rem; }
    20%  {opacity:0.85;top: -3.3rem;}
    30%  {opacity:0.75;top: -3.6rem;}
    40%  {opacity:0.65;top: -3.8rem;}
    50%  {opacity:0.5;top: -4rem;}
    70%  {opacity:0.4;top: -4.4rem;}
    80%  {opacity:0.3;top: -4.8rem;}
    90%  {opacity:0.15;top: -4.9rem;}
    100%  {opacity:0;top: -5rem;}
    }

@-moz-keyframes bag_info /* Firefox */
{
    0%   {opacity:0.95;top: -3rem; }
    20%  {opacity:0.85;top: -3.3rem;}
    30%  {opacity:0.75;top: -3.6rem;}
    40%  {opacity:0.65;top: -3.8rem;}
    50%  {opacity:0.5;top: -4rem;}
    70%  {opacity:0.4;top: -4.4rem;}
    80%  {opacity:0.3;top: -4.8rem;}
    90%  {opacity:0.15;top: -4.9rem;}
    100%  {opacity:0;top: -5rem;}
    }

@-webkit-keyframes bag_info /* Safari 和 Chrome */
{
    0%   {opacity:0.95;top: -3rem; }
    20%  {opacity:0.85;top: -3.3rem;}
    30%  {opacity:0.75;top: -3.6rem;}
    40%  {opacity:0.65;top: -3.8rem;}
    50%  {opacity:0.5;top: -4rem;}
    70%  {opacity:0.4;top: -4.4rem;}
    80%  {opacity:0.3;top: -4.8rem;}
    90%  {opacity:0.15;top: -4.9rem;}
    100%  {opacity:0;top: -5rem;}
    }

@-o-keyframes bag_info /* Opera */
{
    0%   {opacity:0.95;top: -3rem; }
    20%  {opacity:0.85;top: -3.3rem;}
    30%  {opacity:0.75;top: -3.6rem;}
    40%  {opacity:0.65;top: -3.8rem;}
    50%  {opacity:0.5;top: -4rem;}
    70%  {opacity:0.4;top: -4.4rem;}
    80%  {opacity:0.3;top: -4.8rem;}
    90%  {opacity:0.15;top: -4.9rem;}
    100%  {opacity:0;top: -5rem;}
    }

.badge:before{
    content:'+1';
    position: absolute;
    left: 0;
    /*z-index: 100;*/
    height: .8rem;
    min-width: .8rem;
    padding: 0 .2rem;
    /*font-size: 1.6rem;*/
    /*line-height: .8rem;*/
    color: #fff;
    background:red;
    border-radius: .5rem;
    opacity:0;
    }

.animation_shake:before{
    animation: bag_add 1s;
    /*animation-timing-function: ease;*/
    -moz-animation: bag_add 1s;	/* Firefox */
    /*-moz-animation-timing-function: ease;*/
    -webkit-animation: bag_add 1s;	/* Safari 和 Chrome */
    /*-webkit-animation-timing-function: ease;*/
    -o-animation: bag_add 1s;	/* Opera */
    /*-o-animation-timing-function: ease;*/
    }

@keyframes bag_add
{
    0%   {opacity:0.95;top: -1rem; }
    20%  {opacity:0.85;top: -1.3rem;}
    30%  {opacity:0.75;top: -1.6rem;}
    40%  {opacity:0.65;top: -1.8rem;}
    50%  {opacity:0.5;top: -2rem;}
    70%  {opacity:0.4;top: -2.4rem;}
    80%  {opacity:0.3;top: -2.8rem;}
    90%  {opacity:0.15;top: -2.9rem;}
    100%  {opacity:0;top: -3rem;}
    }

@-moz-keyframes bag_add
{
    0%   {opacity:0.95;top: -1rem; }
    20%  {opacity:0.85;top: -1.3rem;}
    30%  {opacity:0.75;top: -1.6rem;}
    40%  {opacity:0.65;top: -1.8rem;}
    50%  {opacity:0.5;top: -2rem;}
    70%  {opacity:0.4;top: -2.4rem;}
    80%  {opacity:0.3;top: -2.8rem;}
    90%  {opacity:0.15;top: -2.9rem;}
    100%  {opacity:0;top: -3rem;}
    }

@-webkit-keyframes bag_add
{
    0%   {opacity:0.95;top: -1rem; }
    20%  {opacity:0.85;top: -1.3rem;}
    30%  {opacity:0.75;top: -1.6rem;}
    40%  {opacity:0.65;top: -1.8rem;}
    50%  {opacity:0.5;top: -2rem;}
    70%  {opacity:0.4;top: -2.4rem;}
    80%  {opacity:0.3;top: -2.8rem;}
    90%  {opacity:0.15;top: -2.9rem;}
    100%  {opacity:0;top: -3rem;}
    }

@-o-keyframes bag_add
{
    0%   {opacity:0.95;top: -1rem; }
    20%  {opacity:0.85;top: -1.3rem;}
    30%  {opacity:0.75;top: -1.6rem;}
    40%  {opacity:0.65;top: -1.8rem;}
    50%  {opacity:0.5;top: -2rem;}
    70%  {opacity:0.4;top: -2.4rem;}
    80%  {opacity:0.3;top: -2.8rem;}
    90%  {opacity:0.15;top: -2.9rem;}
    100%  {opacity:0;top: -3rem;}
    }
